<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>用户登录页</title>
		<link href="../css/reset.css" type="text/css" rel="stylesheet" />
		<link href="../css/style.css" type="text/css" rel="stylesheet" />
		<link href="../font/iconfont.css" rel="stylesheet" type="text/css" />	
	</head>
	<body>
		<div id="login" class="bgStyle">
			<!--背景效果-->
			<div class="bgImg">
				<div class="yuan"></div>
				<div class="yuan"></div>
				<div class="yuan"></div>
			</div>
			<!--主体区-->
			<div class="main">
				<!--logo-->
				<div class="logo"></div>
				<div class="content">
					<!--居左显示的图片-->
					<div class="fl"></div>
					<!--居右显示的表单-->
					<div class="fr">
						<form action="#" method="post">
							<div class="kuang">
								<i class="iconfont icon-yonghutianchong"></i>
								<input type="text" placeholder="用户名" name="user" />
							</div>
							<div class="kuang">
								<i class="iconfont icon-mima"></i>
								<input type="password" placeholder="密码" name="pwd" />
							</div>
							<div class="btn">
								<a href="main.html">登&nbsp;&nbsp;录</a>
								<!--<span>还没有账号？<a href="register.html">立即注册</a></span>-->
								<span>忘记密码？<a href="#">立即找回</a></span>
							</div>
						</form>
					</div>
					
				</div>
				
			</div>
			<!--底部-->
			<div id="footer">
				<!--关于我们、新闻中心、在线服务、友情链接-->
				<div class="center">
						<dl>
							<dt><a href="#">关于我们</a></dt>
							<dd><a href="#">公司介绍</a></dd>
							<dd><a href="#">公司领导</a></dd>
							<dd><a href="#">组织机构</a></dd>
							<dd><a href="#">企业文化</a></dd>
							<dd><a href="#">企业荣誉</a></dd>
						</dl>
						<dl>
							<dt><a href="#">新闻中心</a></dt>
							<dd><a href="#">要闻</a></dd>
							<dd><a href="#">综合新闻</a></dd>
							<dd><a href="#">一线风采</a></dd>
							<dd><a href="#">媒体聚焦</a></dd>
						</dl>
						<dl>
							<dt><a href="#">在线服务</a></dt>
							<dd><a href="#">客户服务</a></dd>
							<dd><a href="#">人才招聘</a></dd>
							<dd><a href="#">供电服务监督</a></dd>
							<dd><a href="#">优化营商环境</a></dd>
						</dl>
						<dl>
							<dt><a href="#">友情链接</a></dt>
							<dd><a href="#">国家能源局</a></dd>
							<dd><a href="#">12398能源监管热线</a></dd>
							<dd><a href="#">中国政府门户网</a></dd>
						</dl>
				</div>
			</div>	
		</div>
	</body>
</html>
